
* { padding: 0; margin: 0; }
body { background: #3a6ea5 url(images/desktop.png) no-repeat 0px 10px; }
#qq { width: 340px; height: 250px; background: url(images/bg.png); position: absolute; top: 50%; left: 50%; margin: -125px 0 0 -170px; }

.input { position: absolute; top: 110px; left: 67px; }
.input .pic { float: left; }
.input p { float: left; padding-left: 3px; }

.link, .active, .hover {width: 23px; height: 22px; cursor: pointer ; float: left; position: relative; top: -1px; right: -1px; }
.link { background: url(images/btn.gif) no-repeat 0px -22px; }
.active { background: url(images/btn.gif) no-repeat 0px 0px; }
.hover { background: url(images/btn.gif) no-repeat 0px -44px; }

ul { width: 182px; padding: 1px; background: #fff; border: 1px solid #0093d1; position: absolute; top: 133px; left: 65px; display: none; }
li { width: 182px; display: inline-block; margin-bottom: 1px; float: left; list-style: none; }
ul .pic { float: left; }
ul p { float: left; font-size: 12px; padding-left: 3px; font-family: arial; }

.bg { background: url(images/li_bg.gif) repeat-x 0 bottom; }
.bg .number { display: block; }
ul p span { display: block; }
.number { display: none; color: #fff; }

input { width: 136px; font-size: 12px; color: #000; height: 20px; line-height: 20px; border: none; background: none; }
